<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>Links and Styles</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link href="../../stylesheet.css" type="text/css" rel="stylesheet"/>
<link href="../../page_styles1.css" type="text/css" rel="stylesheet"/>

  


<link href="../../calibreHtmlOutBasicCss.css" type="text/css" rel="stylesheet" />

</head>
<body>

<div class="calibreMeta">
  <div class="calibreMetaTitle">
  
  
    
    <h1>
      <a href="../../../index.html">Sigil User Guide
</a>
    </h1>
    
    
  
  </div>
  <div class="calibreMetaAuthor">
    0.7.2

  </div>
</div>

<div class="calibreMain">

  <div class="calibreEbookContent">
    
      <div class="calibreEbNavTop">
        
          <a href="clipboard_history.html" class="calibreAPrev">previous page</a>
        

        
          <a href="styles.html" class="calibreANext"> next page</a>
        
      </div>
    

    
  <h2 id="links" class="calibre5">Links and IDs</h2>

  <p class="h2subheading">— Links, Notes, and IDs —</p>

  <p class="calibre1">Sigil provides some helpful tools for creating ids and links which can make creating footnotes, endnotes, and cross-references easier.</p>

  <h3 class="sigilnotintoc">Insert IDs</h3>

  <p class="calibre1">To mark text as a destination for a link you need to give it a name by inserting an anchor ID.</p>

  <p class="calibre1">Select the text you want to mark with an ID and click the button <img alt="" src="../Images/insert-id_22px.png" class="calibre7"/> or select the menu item <span class="shortcut">Insert→ID</span>:</p>

  <div class="image"><img alt="links-insert-id" src="../Images/links-insert-id.png" class="calibre7"/></div>

  <p class="calibre1">Type the name you want for this ID, e.g. footnote-1 (it must start with a letter).</p>

  <p class="calibre1">To edit the ID, select the word or click somewhere in the word then click the <img alt="" src="../Images/insert-id_22px.png" class="calibre7"/>button again.</p>

  <p class="calibre1">The ID is actually inserted using HTML code like this:</p>
  <pre class="example1">&lt;a id="footnote-1"&gt;Footnote 1&lt;/a&gt;</pre>

  <div class="tip">
    <p class="tiptext">You cannot use identical IDs in the same file.</p>
  </div>

  <p class="calibre1">If you click on the drop-down arrow you will see a list of existing IDs for the file for reference.</p>

  <p class="calibre1">To delete an ID you will need to edit the HTML code in Code View to remove the tags completely.</p>

  <div class="tip">
    <p class="tiptext">To identify IDs in your book you can search in Code View. Or you can highlight them in Book View in color by adding the following CSS temporarily to your stylesheet:</p>
    <pre class="calibre12">[id class!=sigil_index_marker] { color:#00ff00; }</pre>
  </div>

  <h3 class="sigilnotintoc">Insert Links</h3>

  <p class="calibre1">To create a link to another part of the document select the text you want to link and then click the button <img alt="" src="../Images/insert-hyperlink_22px.png" class="calibre7"/> or select the menu item <span class="shortcut">Insert→Link</span>:</p>

  <div class="image"><img alt="links-insert-hyperlink" src="../Images/links-insert-hyperlink.png" class="calibre7"/></div>

  <p class="calibre1">You will be given a list of valid targets in the EPUB that you can select (double-click one or select and click <span class="buttonbox">OK</span>). A valid target in the EPUB is any filename, any anchor IDs that have been created, or even any images. The list will be sorted so that targets in the current file are listed first, followed by all remaining files in book order.</p>

  <p class="calibre1">To edit a link, select the text again or move your cursor in the text using the arrow keys (you can’t click in it or you will be taken to the link) and then click the button <img alt="" src="../Images/insert-hyperlink_22px.png" class="calibre7"/>. The link will be highlighted in the list if it is valid.</p>

  <p class="calibre1">You can also enter any URL you want as a target for the link (e.g. to point to web sites) by typing the entry in the Target box.</p>

  <h3 class="sigilnotintoc">Navigating Links</h3>

  <p class="calibre1">To go to a link in Book View just click on it.</p>

  <p class="calibre1">To go to a link in Code View, hold the <span class="shortcut">Ctrl</span> key down while clicking on the HTML opening tag.</p>

  <div class="tip">
    <p class="tiptext">Ctrl-clicking on text will take you to the link if the text is a link, or it will take you to the CSS style defined for the tag if the text is just a tag.</p>
  </div>

  <p class="calibre1">To go back to where you clicked the link, just click the Back button <img alt="" src="../Images/back-to-link-style_22px.png" class="calibre7"/> or select the menu item <span class="shortcut">Go Back to Link or Style</span>.</p>



  </div>

  
  <div class="calibreToc">
    <h2><a href="../../../index.html"> Table of contents</a></h2>
     <div>
  <ul>
    <li>
      <a href="cover_picture.html">Cover</a>
    </li>
    <li>
      <a href="titlepage.html">Title Page</a>
    </li>
    <li>
      <a href="rights.html">Copyright</a>
    </li>
    <li>
      <a href="introduction.html">Introduction</a>
      <ul>
        <li>
          <a href="whats_new.html">What’s New</a>
        </li>
        <li>
          <a href="about_sigil.html">About Sigil</a>
        </li>
        <li>
          <a href="about_epub.html">About EPUB</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="installation.html">Installation</a>
    </li>
    <li>
      <a href="features.html">Features</a>
      <ul>
        <li>
          <a href="user_interface.html">User Interface</a>
        </li>
        <li>
          <a href="preferences.html">Preferences</a>
        </li>
        <li>
          <a href="opening_and_saving_files.html">Opening and Saving Files</a>
        </li>
        <li>
          <a href="book_view.html">Book View</a>
        </li>
        <li>
          <a href="code_view.html">Code View</a>
        </li>
        <li>
          <a href="preview.html">Preview</a>
        </li>
        <li>
          <a href="book_browser.html">Book Browser</a>
        </li>
        <li>
          <a href="metadata.html">Metadata</a>
        </li>
        <li>
          <a href="add_cover.html">Add Cover</a>
        </li>
        <li>
          <a href="table_of_contents.html">Table of Contents</a>
        </li>
        <li>
          <a href="validation.html">Validation</a>
        </li>
        <li>
          <a href="spellcheck.html">Spellcheck</a>
        </li>
        <li>
          <a href="media_files.html">Images, Video, Audio</a>
        </li>
        <li>
          <a href="special_characters.html">Special Characters</a>
        </li>
        <li>
          <a href="splitting_and_merging.html">Splitting and Merging</a>
        </li>
        <li>
          <a href="find_replace.html">Find &amp; Replace</a>
        </li>
        <li>
          <a href="saved_searches.html">Saved Searches</a>
        </li>
        <li>
          <a href="clips.html">Clips</a>
        </li>
        <li>
          <a href="clipboard_history.html">Clipboard History</a>
        </li>
        <li>
          <a href="links.html">Links and IDs</a>
        </li>
        <li>
          <a href="styles.html">Styles</a>
        </li>
        <li>
          <a href="indexes.html">Indexes</a>
        </li>
        <li>
          <a href="reports.html">Reports</a>
        </li>
        <li>
          <a href="external_editors.html">External Editors</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="tutorials.html">Tutorials</a>
      <ul>
        <li>
          <a href="tutorial_getting_started_with_epub.html">Getting Started With EPUB</a>
        </li>
        <li>
          <a href="tutorial_convert_to_html.html">Prepare Your File For Sigil</a>
        </li>
        <li>
          <a href="tutorial_load_file.html">Open Your File With Sigil</a>
        </li>
        <li>
          <a href="tutorial_save.html">Save Your EPUB File</a>
        </li>
        <li>
          <a href="tutorial_metadata.html">Add the Author and Title</a>
        </li>
        <li>
          <a href="tutorial_add_cover.html">Add a Cover Image</a>
        </li>
        <li>
          <a href="tutorial_split.html">Create Files For Each Chapter</a>
        </li>
        <li>
          <a href="tutorial_mark_chapters.html">Identify Your Chapters</a>
        </li>
        <li>
          <a href="tutorial_generate_toc.html">Generate A Table of Contents</a>
        </li>
        <li>
          <a href="tutorial_links.html">Create Links and Notes</a>
        </li>
        <li>
          <a href="tutorial_code_view.html">A Quick Introduction To Code View</a>
        </li>
        <li>
          <a href="tutorial_spelling.html">Check For Spelling Mistakes</a>
        </li>
        <li>
          <a href="tutorial_validate.html">Check For Errors In Your EPUB</a>
        </li>
        <li>
          <a href="tutorial_find_replace.html">Edit With Find &amp; Replace</a>
        </li>
        <li>
          <a href="tutorial_stylesheets.html">Use Stylesheets</a>
        </li>
        <li>
          <a href="tutorial_embed_fonts.html">Include Custom Fonts</a>
        </li>
        <li>
          <a href="tutorial_advanced_find.html">Advanced Find &amp; Replace – Regex</a>
        </li>
        <li>
          <a href="tutorial_regex_reference.html">Regular Expression Reference</a>
        </li>
        <li>
          <a href="tutorial_tips.html">Tips</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="faq.html">FAQ</a>
      <ul>
        <li>
          <a href="faq.html#faq_common_questions">Common Questions</a>
        </li>
        <li>
          <a href="faq.html#faq_questions">Where to Get Help</a>
        </li>
        <li>
          <a href="faq.html#faq_using_sigil">Using Sigil</a>
        </li>
        <li>
          <a href="faq.html#faq_formatting">Formatting and Styles</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="contributing_to_sigil.html">Contributing to Sigil</a>
    </li>
  </ul>
</div>


  </div>
  

  <div class="calibreEbNav">
    
      <a href="clipboard_history.html" class="calibreAPrev">previous page</a>
    

    <a href="../../../index.html" class="calibreAHome"> start</a>

    
      <a href="styles.html" class="calibreANext"> next page</a>
    
  </div>

</div>

</body>
</html>
